<html>
	<head>
        <title>TranslateIt</title>
        <link href="style.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="lib/air/AIRAliases.js"></script>
		<script type="text/javascript" src="lib/translator/translator.js"></script>
	</head>
    <body onload="loadOptions();">
    	<div class="container">
			<div class="icon"></div>
    		<div class="header" onmousedown="nativeWindow.startMove();">
				<div class="title">TranslateIt</div>
				<div class="window-bottons">
					<div class="minimize" onclick="nativeWindow.minimize();">&ndash;</div>
					<div class="close" onclick="air.NativeApplication.nativeApplication.exit();">&times;</div>
				</div>
    		</div>
	    	<div class="left">
		        <textarea id="text"></textarea>
				<div class="translate" onclick="translate();">Translate</div>
				<div class="languages">
					<select id="srcLang"></select>&nbsp;&nbsp;&gt;&nbsp;&nbsp;<select id="destLang"></select><a href="#" class="link" onclick="swap();">Swap</a>
				</div>
			</div>
			<div class="right">
				<div class="translated" id="translation"></div>
			</div>
			<div class="statusbar"></div>
		</div>
    	<div class="resize" onmousedown="nativeWindow.startResize(air.NativeWindowResize.BOTTOM_RIGHT);"></div>
    </body>
</html>